<!-- 表头显示tooltip -->
<template>
  <el-tooltip :content="label" placement="top" :effect="xvueTheme">
    <span class="th-cell">{{ label }}</span>
  </el-tooltip>
</template>
<script>
export default {
  props: {
    label: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      xvueTheme: window._adoPremise.uc.theme || 'light',
    };
  },
};
</script>
<style lang="less" scoped>
.th-cell{
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>
